<template>
  <div id="app">
    <router-view   v-if="isRouterAlive" />
  </div>
</template>

<script>

  export default {
    name: 'App',

    created () {
      console.log('app-create');
    },
    provide () {
      return {
        reload: this.reload
      }
    },
    data() {
      return {
        isRouterAlive: true
      }
    },
    methods: {
      reload() {
        this.isRouterAlive = false;
        this.$nextTick(function(){
          this.isRouterAlive = true;
        })
      }
    },
    components:{

    }
  }
</script>


<style >
  @import "./common/icon/iconfont.css";
  .head-all{
    height: 70px !important;
  }
  /*动画*/
  .fade-enter,
  .fade-leave-to {
    transition: all 0s linear;
    /*transform: translate3D(60%, 60%, 0);*/
    /*-webkit-transform: scale(1.6);*/
    opacity: 0;
  }

  .fade-leave,
  .fade-enter-to {
    transition: all 0.2s linear;
    /*transform: translate3D(100%, 100%,0);*/
    /*-webkit-transform: scale(0.2);*/
    opacity: 1;
  }
</style>
